<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
.highlight {
  color: gold;        
  background-color: black; 
   
  text-indent: 20px;
  transition: color , background-color ;
}

.highlight:hover {
  color: white;       
  background-color: #333;
}
.article p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  text-indent: 1em;
}
.article p:first-letter {
    font-size: 24px;
    font-weight: bold;
}
.poem {
  text-align: justify;
  color: blue;
  text-transform: capitalize;
  text-align: center;
}
.poem::first-line {
  color: red;
}
.quote {
  color: #333;
  font-style: italic;
  text-indent: 2 ; 
}
.quote::before {
  content: "“"; 
  margin-right: 5px; 
}

.quote::after {
  content: "”"; 
  margin-left: 5px; 
}
@keyframes flash {
  0%, 100% {
    color: red;
  }
  50% {
    color: yellow;
  }
}

.flashing {
  animation: flash 2s infinite;
}
    </style>
</head>
<body>
    <p class="highlight">李佳豪暗恋杨成豪</p>

    <article class="article">
        <p>这是文章的第一段。</p>
        <p>这是文章的第二段。</p>
      </article>
      <div class="poem">
        这是一首诗。<br>
        每个字都充满了情感，每个词都蕴含着深意。
      </div>
      <blockquote class="quote">
        这是一个引用文本。
        它应该看起来像是从某本书中摘录的。
      </blockquote>
      <p class="flashing">这段文本将闪烁。</p>
</body>
</html>